<!DOCTYPE html>
<html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 思源黑体 CDN -->
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <!-- 或者思源宋体 CDN -->
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link href="./dist/index.css" rel="stylesheet" />
    <style></style>
  </head>
  <body>
    <div class="mb-20 m-l-20 bc-black fc-white lh-60">11111</div>

    <div class="grid-3 gap-20" style="width: 100vw">
      <h1 class="lh-60 bc-primary flex-1 flex-center">111111111111</h1>
      <h1 class="lh-60 bc-primary flex-1">111111111111</h1>
      <h1 class="lh-60 bc-primary flex-1">111111111111</h1>
      <h1 class="lh-60 bc-primary flex-1">111111111111</h1>
    </div>
  </body>
</html>
